/*===== code build by mstore0.1.3 =====*/

/*===== common/form#button:0 =====*/

.fmButton{display:inline-block; padding:0 34px; height:34px; line-height:34px; margin-bottom:0; font-size:14px; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:2px; background-image:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none;}

.fmButton-lg{height:40px; line-height:40px; font-size:16px; padding:0 40px;}
.fmButton-sm{height:26px; line-height:26px; font-size:12px; padding:0 20px;}

.fmButton-orange{background-color:#f40; color:#fff; border-color:#f40;}
.fmButton-orange:hover{background-color:#f43400; color:#fff;}
.fmButton-gray-o{background-color:#f2f2f2; color:#333; border-color:#ccc;}
.fmButton-gray-o:hover{background-color:#fff4ee; color:#f40; border-color:#f40;}
.fmButton-white-o{background-color:#fff; color:#333; border-color:#ccc;}
.fmButton-white-o:hover{background-color:#fff4ee; color:#f40; border-color:#f40;} 
.fmButton-orange-o{background-color:#fff; color:#f40; border-color:#f40;}
.fmButton-orange-o:hover{background-color:#f40; color:#fff; border-color:#f40;} 
.fmButton-lighter-o{background-color:#fff4ee; color:#f40; border-color:#f40;}
.fmButton-lighter-o:hover{background-color:#f40; color:#fff; border-color:#f40;} 

.fmButton-blue{background-color:#207cd1; color:#fff; border-color:#207cd1;}
.fmButton-blue:hover{background-color:#2388e5; color:#fff;}
.fmButton-gray-b{background-color:#f2f2f2; color:#333; border-color:#ccc;}
.fmButton-gray-b:hover{background-color:#edf6ff; color:#207cd1; border-color:#207cd1;}
.fmButton-white-b{background-color:#fff; color:#333; border-color:#ccc;}
.fmButton-white-b:hover{background-color:#edf6ff; color:#207cd1; border-color:#207cd1;}
.fmButton-lighter-b{background-color:#edf6ff; color:#207cd1; border-color:#207cd1;}
.fmButton-lighter-b:hover{background-color:#207cd1; color:#fff; border-color:#207cd1;}


/*===== common/form#numberInput:0 =====*/

.fmNumberInput{display:inline-block; line-height:26px;}    
.fmNumberInput i,
.fmNumberInput .textInput{display:block; float:left; width:26px; height:26px; text-align:center;}
.fmNumberInput .textInput{width:36px; border:1px solid #ccc; border-width:1px 0; padding:0;}
.fmNumberInput i{background:#f5f5f5; color:#000; font-style:normal; cursor:pointer; font-size:14px; font-weight:bold; border:1px solid #ddd;}
/*.fmNumberInput i:hover{border-color:#00a8ee; color:#00a8ee;}蓝色*/
.fmNumberInput i:hover{border-color:#f40; color:#f40; background:#fffaef;}
.fmNumberInput i{
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}
.fmNumberInput i.disabled{color:#ccc!important; border-color:#ccc!important; background:#f0f0f0!important;cursor:not-allowed;}

/*===== common/form#input:0 =====*/

.fmInput{height:36px; line-height:36px; border:solid 1px #d8d8d8; border-radius:2px; padding-left:10px; -webkit-box-sizing:border-box;box-sizing:border-box;}
.fmInput-lg{height:42px; line-height:42px;}
.fmInput-sm{height:28px; line-height:28px;}

/*===== common/form#checkbox:0 =====*/

.fmCheckbox{overflow:hidden; position:relative;}
.fmCheckbox input[type="checkbox"]{position:absolute; opacity:0; filter:alpha(opacity=0); left:0; top:3px; z-index:-9; margin:0;}
.fmCheckbox input[type="checkbox"] + .before{display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-1px -4px 0 0; background:url(/style/common/css/img/form/checkbox.png) no-repeat 0 0;}
.fmCheckbox span{margin:0 10px 0 6px;}

/*ie8 radio checkbox*/
.fmCheckbox.checked input[type="checkbox"] + .before{background-position:0 -26px;}
.fmCheckbox.disabled input[type="checkbox"] + .before{}

/*===== common/form#datepicker:0 =====*/

.jqDatepickerWindow{display:none; position:absolute; border-radius:4px; padding:4px; border:1px solid #ccc; -webkit-box-shadow:0 6px 12px #ccc;box-shadow:0 6px 12px #ccc; font-size:14px; line-height:1; background:#fff;}
.jqDatepickerWindow table{border-collapse:collapse;border-spacing:0;}
.jqDatepickerWindow th,
.jqDatepickerWindow td{padding:6px 5px; width:20px; height:20px; border-radius:4px; dis_background:#eee; text-align:center; color:#333; cursor:pointer;}
.jqDatepickerWindow th:hover,
.jqDatepickerWindow td:hover{background:#eee;}
.jqDatepickerWindow td.prev-month-day,
.jqDatepickerWindow td.next-month-day{color:#ccc;}
.jqDatepickerWindow .disable{cursor:default;background:none!important;}
.jqDatepickerWindow .selected{background:#006dcc!important; color:#fff!important;}
